import gcoord from "../../miniprogram_npm/gcoord/dist/gcoord";
Page({
  /**
   * 页面的初始数据
   */
  data: {

    option0: [{
        text: '全部',
        value: '0',
      },
      {
        text: '2023年03月-第一批次',
        value: '1',
      },
      {
        text: '2023年05月-第二批次',
        value: '2',
      },
      {
        text: '2023年06月-第三批次',
        value: '3',
      },
      {
        value: '4',
        text: '2023年07月-第四批次',
      },
      {
        text: '2023年08月-第五批次',
        value: '5',
      },
      {
        text: '2023年08月-第六批次',
        value: '6',
      }, {
        text: '2023年10月-第七批次',
        value: '7',
      }, {
        text: '2023年12月-第八批次',
        value: '8',
      }, {
        value: '9',
        text: '2024年01月-第九批次',
      },{
        value: '10',
        text: '2024年02月-第十批次'
      },{
        value: '11',
        text: '2024年03月-第十一批次'
      },
      {
        value: '12',
        text: '2024年03月-第十二批次'
      },
    ],
    option1: [{
        text: '全部',
        value: 0
      },
      {
        text: '竞赛',
        value: 1
      },
      {
        text: '首贷',
        value: 2
      },
    ],
    option2: [
      { text: '全部', value: '0' },
      {
        text: '未走访',
        value: '未走访'
      },
      {
        text: '无需求',
        value: '无需求'
      },
      {
        text: '有意向',
        value: '有意向'
      },
      {
        text: '已授信',
        value: '已授信'
      },
      {
        text: '已用信',
        value: '已用信'
      },
      {
        text: '不准入',
        value: '不准入'
      },
    ],
    option3: [{
        text: '全部',
        value: ''
      },
      {
        text: '问卷已完成',
        value: '问卷已完成'
      },
      {
        text: '已定位问卷未作答',
        value: '已定位问卷未作答'
      },
      {
        text: '问卷未进行',
        value: '问卷未进行'
      },
    ],
    value0: 0,
    value1: 0,
    value2: '0',
    value3: '',
    status: '未走访',
    tabList: [{
        name: '未走访'
      },
      {
        name: '无需求'
      },
      {
        name: '有意向'
      },
      {
        name: '已授信'
      },
      {
        name: '已用信'
      },
      {
        name: '不准入'
      },
    ],
    markers: [],
    list: [{
        shortName: '苏州征信',
        name: '苏州征信有限公司',
        labelList: ['未走访', '问卷已完成']
      },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '问卷已完成']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '问卷未进行', '补录授信信息']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '需持续跟踪']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '问卷已完成']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
      // {
      //   shortName: '苏州征信',
      //   name: '苏州征信有限公司',
      //   labelList: ['未走访', '已定位问卷未作答']
      // },
    ],
    selectOne: '',
    selectOneIndex: '',
    pageNum: 1,
    showList: true,
    onlyView: false,
    userId: '',
  },


  selectTab(e) {
    console.log(e.detail, 'name')
    this.setData({
      status: e.detail.title
    })
    this.setData({
      pageNum: 1,
      list: [],
      markers: [],
      selectOne: '',
      selectOneIndex: ''
    })
    // 重新初始化点
    this.getList()
  },
  selectOne(e) {
    console.log(e, '222')
    if (this.data.onlyView) {
      console.log('111')
      wx.navigateTo({
        url: `/pages/qiyezoufangdetail/qiyezoufangdetail?corpCredit=${e.currentTarget.dataset.key}&agencyName=${e.currentTarget.dataset.name}&latitude=${e.currentTarget.dataset.latitude}&longitude=${e.currentTarget.dataset.longitude}&distance=${e.currentTarget.dataset.distance || ''}&onlyView=${this.data.onlyView}&userId=${this.data.userId}&corpType=${e.currentTarget.dataset.type}&contactPhone=${e.currentTarget.dataset.phone}&laborFlag=${e.currentTarget.dataset.laborflag}`,
      });
    } else {
      console.log('222')
      wx.navigateTo({
        url: `/pages/qiyezoufangdetail/qiyezoufangdetail?corpCredit=${e.currentTarget.dataset.key}&agencyName=${e.currentTarget.dataset.name}&latitude=${e.currentTarget.dataset.latitude}&longitude=${e.currentTarget.dataset.longitude}&distance=${e.currentTarget.dataset.distance || ''}&corpType=${e.currentTarget.dataset.type}&contactPhone=${e.currentTarget.dataset.phone}&laborFlag=${e.currentTarget.dataset.laborflag}`,
      });
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onShow() {
    let pages = getCurrentPages();
    let currentPages = pages[pages.length - 1]
    // console.log(currentPages.options, '可以获得参数')
    if (currentPages.options.permission && currentPages.options.permission == '1') {
      this.setData({
        onlyView: true,
        userId: currentPages.options.userId
      })
    }
    // 步骤一、常见地图实例对象
    this.mapCtx = wx.createMapContext("myMap");
    this.setData({
      pageNum: 1,
      list: [],
      markers: [],
      selectOne: '',
      selectOneIndex: ''
    })
    const that = this;
    // 获取当前的位置信息
    getApp().globalData.getLocation({
      type: "gcj02",
      success(res) {
        // 获取当前的定位
        that.initInfoByCenter(res);
      },
    });
  },
  // 返回到当前定位视窗
  locationBack() {
    this.mapCtx.moveToLocation();
  },
  tabList() {
    this.setData({
      showList: !this.data.showList
    })
    console.log(this.data.showList, 'showList')
  },
  markerCalloutTap(e) {
    console.log(e, 'e')
    const selectOne = this.data.list[e.markerId]
    this.setData({
      selectOne: selectOne,
      selectOneIndex: e.markerId
    })
    this.data.markers.forEach((val, index) => {
      if (index === e.markerId) {
        val.iconPath = 'https://zx-1311146360.cos.ap-shanghai.myqcloud.com/version01/center-location2.png'
      } else {
        val.iconPath = 'https://zx-1311146360.cos.ap-shanghai.myqcloud.com/version01/zhoubian1.png'
      }
    })
    this.setData({
      markers: this.data.markers
    })
  },
  initInfoByCenter(res) {
    //console.log(res)
    this.setData({
      // longitude: this.transMarker([res.longitude, res.latitude])[0],
      // latitude: this.transMarker([res.latitude, res.latitude])[1],
      longitude1: res.longitude,
      latitude1: res.latitude,
    });
    this.getInfos()
  },
  // 加载更多
  scrollBottom() {
    this.getList()
  },

  async getInfos() {
    // 获取个人信息
    const {
      data
    } = await getApp().globalData.request("/login/getCurrentUserInfo", {}, "POST");
    console.log(data, 'data')
    // data.avatarUrl = data.avatarUrl || 'https://zx-1311146360.cos.ap-shanghai.myqcloud.com/personalCenter/2.png'
    wx.setStorageSync("userInfo", data)
    // 获取走访列表
    this.getList()
  },
  onSwitch1Change0(e) {
    this.setData({
      value0: e.detail,
      pageNum: 1,
      list: []
    })
    console.log(this.data.value0, '2333333333');
    this.getList()
  },
  onSwitch1Change1(e) {
    this.setData({
      value1: e.detail,
      pageNum: 1,
      list: []
    })

    this.getList()
  },
  onSwitch1Change2(e) {
    this.setData({
      value2: e.detail,
      pageNum: 1,
      list: []
    })

    this.getList()
  },
  onSwitch1Change3(e) {
    this.setData({
      value3: e.detail,
      pageNum: 1,
      list: []
    })

    this.getList()
  },
  async getList() {
    const userInfo = wx.getStorageSync('userInfo')
    const params = {
      userLng: this.transMarker([this.data.longitude1, this.data.latitude1])[0],
      userLat: this.transMarker([this.data.longitude1, this.data.latitude1])[1],
      userId: this.data.userId ? this.data.userId : userInfo.userId,
      // status: this.data.status,
      pageSize: 25,
      pageNum: this.data.pageNum,
      type: this.data.value1,
      status: this.data.value2 == 0 ? '' : this.data.value2,
      questionStatus: this.data.value3,
      batchNum: this.data.value0 == 0 ? '' : this.data.value0
    }
    console.log({
      ...params
    }, 'params333');
    const res = await getApp().globalData.request(
      "/visit/getList", {
        ...params
      },
      "POST"
    );
    console.log(res, 'res')
    if (res.data.list.length > 0) {
      res.data.list.forEach(element => {
        if (element.laborFlag == '竞赛') {
          element.jsIshow = true
        }
        element.distance = null

      });
    }
    if (res.data.list.length > 0) {
      this.setData({
        pageNum: ++this.data.pageNum,
        list: this.data.list.concat(res.data.list)
      })
    }

    // 渲染地图上的坐标点
    this.initMarkers();
  },

  initMarkers() {
    const markers = [];
    console.log(this.data.list, 'list')
    this.data.list.forEach((val, index) => {
      if (val.longitude) {
        const zuobiao = this.transMarker1([val.longitude, val.latitude]);
        const longitude = zuobiao[0];
        const latitude = zuobiao[1];
        markers.push({
          id: index,
          latitude: latitude,
          longitude: longitude,
          iconPath: "https://zx-1311146360.cos.ap-shanghai.myqcloud.com/version01/zhoubian1.png",
          width: 14,
          height: 21,
        });
      }
    });
    this.setData({
      markers: markers,
    });
    // console.log(markers, "markers");
  },

  toprodetail(e) {
    wx.navigateTo({
      url: `/pages/mapDetail/mapDetail?corpKey=${e.detail.corpKey}&latitude=${e.detail.latitude}&longitude=${e.detail.longitude}&distance=${''}`,
    });
  },

  // 坐标系转化
  transMarker(item) {
    const resae = gcoord.transform(
      [item[0], item[1]],
      gcoord.GCJ02, // 当前坐标系
      gcoord.BD09 // 目标坐标系
    );
    return resae;
  },

  // 中心点坐标转化
  transMarker1(item) {
    const resae = gcoord.transform(
      [item[0], item[1]],
      gcoord.BD09, // 当前坐标系
      gcoord.GCJ02 // 目标坐标系
    );
    return resae;
  },

  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.getList()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},
});